<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta name="format-detection"content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<title>66Play——记录非凡时刻！</title>
		<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
		<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
		<script type="text/javascript" src="__ASSET__/Home/mobile4/js/touch.js"></script>
		<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
		<style>
		    img{width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-ms-interpolation-mode:bicubic;}.block{display:block}.card_girl{background:#231449;padding:5px 0}.card_girl .thumbnail{padding:4px;display:block;border:2px solid #231449;border-radius:50%;-webkit-border-radius:50%;width:85%;margin:0 auto}.card_girl .active_thumbnail{border-color:#e42dd1}.card_girl .thumbnail img{border-radius:50%;-webkit-border-radius:50%}.mobile_text{text-align:center;color:#fff;margin:.5em 0;font-family:"微软雅黑"}.girl_down_intro{width:96%;margin:0 auto;color:#ab9bd5;padding:5px 10px;background:#190e35;display:none}.girl_text_1{font-size:.65rem;text-indent:20px}.video_area{background:#352067;margin-bottom:10px;padding:5px}.video_area_t{border:1px solid #000;height:90px;position:relative;vertical-align:middle;text-align:center;display:table-cell;background:#000;width:163px;}.perison_icon_girl{position:absolute;left:3%;bottom:-10px;border:1px solid #926ee7;border-radius:50%;-webkit-border-radius:50%}.video_text_p{font-size:.6rem;color:#fff;margin:.4rem 0;margin-bottom:0}.video_text_p_1{position:absolute;left:30%;color:#fff;bottom:-10px;font-size:.60rem;font-family:"微软雅黑"}.video_text_p_2{left:72%}.avatar{width:32px;height:32px}.down_btn_area{position:relative}.and_down_1{font-family:"宋体";position:absolute;border:2px solid #fff;border-radius:3px;-webkit-border-radius:3px;display:block;height:1.45rem;line-height:1.35rem;font-size:.7rem;color:#fff;padding:0 0.7rem;right:15%;top:0;}@media screen and (min-width:320px){.video_area_t{height:80px}.video_area{height:138px;}}@media screen and (min-width:360px){.and_down_1{right:17%;padding:0 .75rem;height:1.45rem;line-height:1.35rem}.video_area_t{height:90px}.avatar{width:36px;height:36px}.video_area{height:145px;}}@media screen and (min-width:375px){.and_down_1{right:17%;padding:0 .75rem;height:1.55rem;line-height:1.45rem;}.video_area_t{height:92px;width:169px;}.avatar{width:38px;height:38px}.video_area{height:150px;}}@media screen and (min-width:414px){.and_down_1{right:17%;padding:0 .9rem;height:1.65rem;line-height:1.55rem}.video_area_t{height:104px}.avatar{width:42px;height:42px}.video_area{height:165px;}}.video_text_p_3{width:54px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}   

		</style>
		<script>
	        var _hmt = _hmt || [];
	        (function() {
	          var hm = document.createElement("script");
	          hm.src = "//hm.baidu.com/hm.js?bf335696922ae84d6340feff72f47571";
	          var s = document.getElementsByTagName("script")[0]; 
	          s.parentNode.insertBefore(hm, s);
	        })();
	    </script>
	</head>
	<body>
		<div class="page">
			<div class="content" style="background:#1e1025;">
				<div><img class="block" src="__ASSET__/Home/mobile4/images/mobile_01.jpg" width="100%"></div>
				<div  class="down_btn_area">
					<img class="block" src="__ASSET__/Home/mobile4/images/mobile_02.jpg" width="100%">
					<if condition="$type eq android">
						<a href="/showgirl-download" onclick="_hmt.push(['_trackEvent', 'mobile', 'download', 'android']);" class="and_down_1">Android下载</a>
					<else />
						<a href="/showgirl-download" onclick="_hmt.push(['_trackEvent', 'mobile', 'download', 'ios']);" class="and_down_1">iOS下载</a>
					</if>
				</div>
				<div><img class="block" src="__ASSET__/Home/mobile4/images/mobile_03.jpg" width="100%"></div>
				<div class="card card_girl">
					<div class="row">
						<volist name="showgirls" id="showgirl" key="k">
							<div class="col-33">
								<if condition="$k eq 1">
									<a href="" class="thumbnail active_thumbnail" data-index="{$k-1}">
								<else />
									<a href="" class="thumbnail" data-index="{$k-1}">
								</if>
									<img class="block" src="{$showgirl.avatar}" width="100%">
								</a>
								<p class="mobile_text">{$showgirl.name}</p>
							</div>
						</volist>
					</div>
					<volist name="showgirls" id="showgirl" key="k">
		                <if condition="$k eq 1">
		                    <div class="girl_down_intro" style="display:block;">
		                <else />
		                    <div class="girl_down_intro">
		                </if>
		                    <p class="girl_text_1">{$showgirl.description}</p>
		                </div>
		            </volist>
				</div>
				<div class="card card_video" style="background:#1e1025;">
					<div class="row" style="">
						<volist name="videos" id="video" key="k">
						<div class="col-50">
							<a href="{:U('Home/share/video', ['id' => $video['id']])}" target="_blank" class="external">
								<div class="video_area">
									<div class="video_area_t">
										<img  src="{$video.thumb}?iopcmd=thumbnail&type=1&scale=30" width="100%" height="100%">
										<img  src="{$video.user.avatar}" class="perison_icon_girl  avatar" >
										<p class="video_text_p_1 video_text_p_3">{$video.user.nickname}</p>
										<p class="video_text_p_1 video_text_p_2">{$video.time}</p>
									</div>
									<p class="video_text_p">{$video.title}</p>
								</div>
							</a>
						</div>
						</volist>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="__ASSET__/Home/mobile4/js/girl.js"></script>
	</body>
</html>